const plugin = require('tailwindcss/plugin');

module.exports = {
  content: [
    './src/pages/**/*.tsx',
    './src/components/**/*.tsx',
    './src/layouts/**/*.tsx',
  ],
  plugins: [
    plugin(function ({ addUtilities }) {
      addUtilities({
        '.flex-center': {
          display: 'flex',
          'align-items': 'center',
          'justify-content': 'center',
        },
        '.flex-between': {
          display: 'flex',
          'align-items': 'center',
          'justify-content': 'space-between',
        },
      });
    }),
  ],
  theme: {
    colors: {
      primary: 'rgba(255, 255, 255, 0.5)',
      lightBlack: '#222',
    },
  },
};
